<template>
    <view>
        <!-- pages/academy_room/index.wxml -->
        <!-- 会议室简介 -->
        <view class="box margin padding-xs">
            <view class="flex justify-center text-xl margin">北山书院 坚韧会议室</view>
            <image src="http://lc-LXl0IGlm.cn-n1.lcfile.com/y4fPLqx0XEqQ53ANQCOmK2bYHooBiTr4/beishan1.jpg" mode="" />
            <text class="flex justify-center text-gray">
                容纳人数：15-25人 用途：可供学生各类会议，座谈交流等 简介：坚韧会议室位于北山书院三号楼3101室，内 部设有桌子两张，十五张椅子。为了方便各位老师
                同学的借取，请借阅的老师、同学提前准备好学生证 或者身份证，并主动到北山书院值班室进行登记抵押 证件，活动结束后请还原功能室，待值班人员检查功
                能室后，方可签退并归还证件。（由于目前疫情原 因，暂不对20人以上的活动开放；请借阅的老师、同 学主动佩戴口罩，并向值班室的同学出示您的健康
                码，积极配合学校防疫工作。）
            </text>
        </view>

        <!-- 预约按钮 -->
        <view class="flex justify-center">
            <button class="cu-btn round bg-blue margin-top-xs" @tap="handleBooking">开始预约</button>
        </view>
    </view>
</template>

<script>
// pages/academy_room/index.js
export default {
    data() {
        return {};
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad(options) {},
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {},
    methods: {
		handleBooking(){
			uni.navigateTo({
				url:''
			})
		}
	}
};
</script>
<style>
/* pages/academy_room/index.wxss */
page {
    background-color: #f1f1f1;
}

.box {
    background-color: #fff;
}

image {
    clear: both;
    display: block;
    margin: auto;
}

.cu-btn {
    width: 200rpx;
    height: 80rpx;
}

text {
    line-height: 50rpx;
}
</style>
